{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.html.twig" with {title:"青州永通信息工程",back:0} %}
    <div style="height: 50vw">
        <mu-carousel style="height: 50vw">
            <mu-carousel-item v-for="item in banner">
                <img style="width: 100vw;height: 50vw" :src="item">
            </mu-carousel-item>
        </mu-carousel>
    </div>
    <div class="pad3 bc13 ">
        <div class="bcf round30 pad3 flrc">
            <div class="material-icons c12">announcement</div>
            <div class="flex1 ofe fs8 op8 red">
                {#<span class=""> [ 最新公告 ] </span>#}
                {#<span>永通在线APP即将上线，开启在线办公的新时代,请各部门扫描二维码下载</span>#}
                [[news]]
            </div>
        </div>
    </div>
    {#<div class="pad10 tac">#}
        {#<mu-button @click="goto('index')" full-width>test</mu-button>#}
    {#</div>#}
    {#人事管理#}
    <div class="round10 pad3 mar3 op9" v-for="item in [1,2,3,4,5]">

        <div class="bcf round3 padl4 padr4 padt3 padb3">
            <div class="c2 marl5 fs10 pad2 flrc">
                <mu-button icon small><mu-icon value="flip_to_back"></mu-icon></mu-button>
                <span class="flex1">人事管理</span>
                <mu-button v-if="groups1"
                           @click="setstatus1()"
                           icon small><mu-icon value="expand_less"></mu-icon></mu-button>
                <mu-button v-if="!groups1"
                           @click="setstatus1()"
                           icon small><mu-icon value="expand_more"></mu-icon></mu-button>
            </div>
        </div>

        <div class="flex-r flex-wrap flex-start pad5 fs8 bcf round3 mart1" v-if="groups1" >
            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('userSign',{type:'in'})">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 bc01 flex-center c13 fs18" >
                        <span class="fa fa-user-plus"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">签到</div>
                    <div class=""></div>
                </div>
            </div>

            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('userSign',{type:'out'})">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 bc02 flex-center c13 fs18" >
                        <span class="fa fa-user-times"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">签退</div>
                    <div class=""></div>
                </div>
            </div>

            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('userSignSum')">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 bc03 flex-center c13 fs18" >
                        <span class="fa fa-calendar"></span>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">出勤统计</div>
                    <div class=""></div>
                </div>
            </div>

            <div class="flex-c flex-center w25 padt5 padb5" @click="goto('setLocation')" v-if="showId(3,blocks)">
                <div class="indexItemOne flex-r flex-center">
                    <div class="indexItemIcon round3 bc05 flex-center c13 fs20" >
                        <mu-icon value="explore"></mu-icon>
                    </div>
                </div>
                <div class="pad3">
                    <div class="c11 op7 ">位置标注</div>
                    <div class=""></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
